<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<%@ include file="/common-css.jsp" %>
<%@ include file="/common-js.jsp" %>
<body>
<!-- <table id="dataGrid" ></table> -->
	<table class="layui-table" lay-filter="gridData"
		lay-data="{url:'${pageContext.request.contextPath }/sys/sysResource/treeGrid', page:false, id:'gridData'}" >
		<thead>
			<tr>
				<th lay-data="{field:'id',width:150,sort:true}">ID</th>
				<th lay-data="{field:'name',width:150,sort:true}">资源名称</th>
				<th lay-data="{field:'url',width:300,sort:true}">资源路径</th>
				<th lay-data="{field:'seq',width:50,sort:true}">排序</th>
				<th lay-data="{field:'icon',width:200,sort:true}">图标</th>
				<th lay-data="{field:'resourceType',width:180,sort:true}">资源类型</th>
				<th lay-data="{field:'pid',width:150,sort:true}">上级资源ID</th>
				<th lay-data="{field:'status',width:180,sort:true}">状态</th>
<!-- 				<th lay-data="{field: 'right', align:'center', toolbar: '#toolBar'}"></th> -->
			</tr>
		</thead>
	</table>
</body>
<script type="text/html" id="toolBar">
	<shiro:hasPermission name="sys/sysResource/edit">
		<a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
	</shiro:hasPermission> 
	<shiro:hasPermission name="sys/sysResource/delete">
		<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
	</shiro:hasPermission>
	<a class="layui-btn layui-btn-mini" lay-event="detail">查看</a>
</script>
<script type="text/javascript">
layui.use('table',function(){
	var table = layui.table;
	
	table.render({
		elem:'#dataGrid',
		heigth:315,
		url:'${pageContext.request.contextPath }/sys/sysResource/treeGrid',
		method:'post',
		request:{
			pageName: 'page' //页码的参数名称，默认：page
  			,limitName: 'rows' //每页数据量的参数名，默认：limit
		},//如果无需自定义请求参数，可不加该参数
		response: {
			statusName: 'status' //数据状态的字段名称，默认：code
			,statusCode: 200 //成功的状态码，默认：0
			,msgName: 'hint' //状态信息的字段名称，默认：msg
		  	,countName: 'total' //数据总数的字段名称，默认：count
		  	,dataName: 'rows' //数据列表的字段名称，默认：data
		}, //如果无需自定义数据响应名称，可不加该参数
		initSort: {
    		field: 'id' //排序字段，对应 cols 设定的各字段名
    		,type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
  		},
  		skin: 'line' //行边框风格
  		,even: true //开启隔行背景
  		,size: 'sm' //小尺寸的表格
		,page:true,
		cols:[[
			{field:'id',width:150,sort:true}
		]]
	});
});
</script>
</html>